<template>

<div>
    <iframe frameborder="0" :src="'https://view.officeapps.live.com/op/view.aspx?src='+ this.fileUrl " width='100%'
              height="800px"></iframe>
</div>

</template>

<script>
export default {
    // 数据源
  data() {
    return {
            fileUrl:"https://jack-chen.oss-cn-chengdu.aliyuncs.com/%E6%96%87%E4%BB%B6/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%B3%BB%E7%BB%9F%E5%AE%9E%E8%B7%B5.doc?Expires=1650612887&OSSAccessKeyId=TMP.3Ki4xTxEvFYQRJenreC7drp7CZf729cbdE3d27XmV7mEfSMHSSMZoEh4ASdLZrRfY4U5Ak9FPFr18NVdydR5gNHmEEceRu&Signature=MCeczN9mp1asZRjNQdwPRx4EIaQ%3D",
    };
  },
    //生命周期函数---
  mounted() {
      let abd=[{
          name:"时间",
          comment:"八点"
      },{
          name:"时间",
          comment:"八点"
      },
      {
          name:"时间",
          comment:"八点"
      },
      {
          name:"时间",
          comment:"八点"
      },
      {
          name:"时间",
          comment:"八点"
      },
      {
          name:"时间",
          comment:"八点"
      },
      ]
      console.log(abd)
  },
//基本方法
  methods: {},
  //计算类型方法和其他方法的区别：有缓存。以内存换时间，适用于频繁使用的计算
  computed(){

  },
};
</script>

<style  lang="scss" scoped>
</style>